<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新闻列表</title>
    <!--重置样式-->
    <link rel="stylesheet" href="../css/normalize.css">
    <!--公共样式-->
    <link rel="stylesheet" href="../css/common.css">
    <!--当前页样式-->
    <link rel="stylesheet" href="../css/list-details.css">
</head>

<body>
    <!--头部导航-->
    <div class="head container-fluid">

        <div class="head1 clearfix ">
            <div class="container">
                <h2>欢迎来到HOUSE家居网</h2>
                <p>
                    <a class="tel" href="./contact-us.html"> <img src="../images/tel.png" alt=""> 400-00-000xxx</a>
                    <a class="eml" href="./contact-us.html"> <img src="../images/mail.png" alt=""> 1234567xxx@gmail.com</a>
                </p>
            </div>
        </div>
        <div class="head2 clearfix container  ">
            <div class=" fl  ">
                <img src="../images/logo.png" alt="">
            </div>
            <ul class="fr  ">
                <li> <a class="active" href="./home.html">首页</a></li>
                <li><a href="./about.html">关于我们</a></li>
                <li><a href="./product-list.html">产品展示</a></li>
                <li><a href="./news-list.html">新闻动态</a></li>
                <li><a href="./Online-Message.html">在线留言</a></li>
                <li><a href="./contact-us.html">联系我们</a></li>
            </ul>
        </div>
    </div>
    <!--广告-->
    <div class="banner container-fluid "></div>
    <!--首页导航-->
    <div class="list container-fluid">
        <div class="list-nav container">
            <p>首页&gt;&gt;新闻动态</p>
        </div>
    </div>
    <!--新闻列表-->
    <div class="news-list container   clearfix ">
        <h2 class="active">新闻列表 </h2>
        <div class="news-l fl">
            <div class="new-1">
                <ul>
                    <li><a href="#">行业资讯</a></li>
                    <li><a href="#">公司动态</a></li>
                    <li><a href="#">媒体热点</a></li>
                </ul>
            </div>
            <div class="new-2 ">
                <img src="../images/03_zsfr.jpg" alt="">
            </div>
        </div>
        <div class="new-r fr">
            <h2>迎| “十一”主题优惠即将开幕</h2>
            <p class="nav">来源:作者:family-100 发布时间:2015-08-03 84次浏览 分享到: <img
                    src="../images/de1b39f687c6b19b6b201dc6acadb6d.png" alt=""> </p>
            <div class="text">
                <p>由于端午是今年上半年最后一个假期,气候相对比较舒适,正是广大消费者外出购物的好时机,值此,我公司针对”端午、；六一”，也推出了多种
                    主题优惠，同样“十一”也将推出主题优惠，来店就送气球一只，十一当天购物满3000元就送面值100元枕头一对。欢迎广大会员和新老朋友到店
                    参观选购。</p>
            </div>
            <h3>在六一第一波的节日促销打折活动后,新一波的”国庆”、”十一”促销打折马上就要开幕。</h3>
            <p class="text2"> 由于端午是今年上半年最后一个假期,气候相对比较舒适,正是广大消费者外出购物的好时机,值此,我公司针对”端午、；六一”，也推出
                了多种主题优惠，同样“十一”也将推出主题优惠，来店就送气球一只，十一当天购物满3000元就送面值100元枕头一对。欢迎广大会员和
                新老朋友到店参观选购。
            </p>

            <p class="dj"><a href="#">上一篇 :</a> <span><a href="#">夏季大促销 , 炎热中带来的清凉</a></span><br>
            <a href="#">下一篇 :</a> <span><a href="#">夏季精品送清凉</a></span></p>
        </div>
    </div>
    <!--尾部-->
    <div class="foot  ">
        <div class="foot1  clearfix ">
            <div class="footl  fl   ">
                <img src="../images/logo2.jpg" alt="">
                <p><i class="ico1"></i>中国上海市XXX区XXX路12号XX大厦5层5XX室</p>
                <p><i class="ico2"></i>400-000-XXXX (021)-12345678XX</p>
                <p><i class="ico3"></i>12345678XXX@gmail.com</p>
            </div>
            <div class="footm  fl">
                <h2 class="active">快速链接:</h2>
                <ul>
                    <li><a href="./home.html">&lt; 网站首页</a></li>
                    <li><a href="./product-list.html">&lt; 产品展示</a></li>
                    <li><a href="./Online-Message.html"> &lt;在线留言</a></li>
                    <li><a href="./about.html">&lt; 关于我们</a></li>
                    <li><a href="./news-list.html"> &lt;新闻动态</a></li>
                    <li><a href="./contact-us.html"> &lt;联系我们</a></li>
                </ul>
            </div>
            <div class=" footr fr ">
                <h2 class="active">站内搜索</h2>
                <p class="searh clearfix">
                    <input class="fl" type="text" placeholder="请输入关键字">
                    <button class="fl">搜索</button>
                </p>
                <p class="fx">关注我们 <a href="#"> <img src="../images/fenxiang.png" alt=""></a></p>
            </div>
        </div>
        <p class="sm">Copyright © 2009-2011,www.XXXXXX.com,All rights reserved 沪ICP备XXXXXXX号未经同意,不得转载</p>
    </div>
</body>

</html>